<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-开盘详情-列表</title>

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
  <style>
    .toolbar {
      background: #fff;
    }

    .toolbar > ul {
      display: flex;
      justify-content: space-between;
      list-style: none;
    }

    .toolbar > ul > li {
      display: flex;
      align-items: center;
    }

    .tile-img {
      margin-right: 15px;
    }

    .tile-img i {
      font-size: 60px;
    }

    .title-content {
      font-size: 18px;
      font-weight: bold;
    }

    #top-select {
      margin-bottom: 10px;
    }

    .body-list {
      display: none;
    }

    .info-active {
      display: block;
    }

  </style>
</head>
<body>
@@include('header.html')
@@include('menu.html')
<div class="content-wrap">
  <div class="toolbar">
    <ul>
      <li>
        <div class="tile-img"><i class="iconfont icon-loupanguanli"></i></div>
        <div class="all-info">
          <p class="title-info">楼盘名称：</p>
          <span class="title-content" id="head-buildingName"></span></div>
      </li>
      <li>
        <div class="tile-img">
          <i class="iconfont icon-shouqianshujuguanli"></i>
        </div>
        <div class="all-info">
          <p class="title-info">开盘期：</p>
          <span class="title-content" id="head-hobPeriod"></span></div>
      </li>
      <li>
        <div class="tile-img"><i class="iconfont icon-shouqianshujuguanli"></i></div>
        <div class="all-info">
          <p class="title-info">开盘时间：</p>
          <span class="title-content" id="head-hobSpecificTime"></span></div>
      </li>
      <li>
        <div class="tile-img"><i class="iconfont icon-shouqianshujuguanli"></i></div>
        <div class="all-info">
          <p class="title-info">开盘状态：</p>
          <span class="title-content" id="head-status"></span></div>
      </li>
      <li>
        <div class="tile-img"><i class="iconfont icon-shouqianshujuguanli"></i></div>
        <div class="all-info">
          <p class="title-info">房源总数：</p>
          <span class="title-content" id="head-hobInfoSize"></span></div>
      </li>
      <li>
        <div class="tile-img"><i class="iconfont icon-shouqianshujuguanli"></i></div>
        <div class="all-info">
          <p class="title-info">剩余套数：</p>
          <span class="title-content" id="head-houseRemainCount"></span></div>
      </li>
    </ul>
  </div>
  <div class="filter-content">
    <form id="searchForm">
      <div class="row">
        <div class="col-md-4">
          <div class="form-group">
            <label>启停状态</label>
            <select class="form-control" autocomplete="off" name="onOffSearch" id='onOffSearch'>
              <option value="">请选择</option>
              <option value="1">启用</option>
              <option value="0">停用</option>
            </select>
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            <label>销售状态</label>
            <select class="form-control" autocomplete="off" name="saleSearch" id='saleSearch'>
              <option value="">请选择</option>
              <option value="0">待售</option>
              <option value="1">在售</option>
              <option value="2">锁定</option>
              <option value="3">已售</option>
              <option value="4">成交</option>
              <!--<option value="5">销控</option>-->
            </select>
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            <label>楼栋</label>
            <select class="form-control" autocomplete="off" name="buildSearch" id='buildSearch'>
              <option value="">请选择</option>
            </select>
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            <label>户型</label>
            <select class="form-control" autocomplete="off" name="houseTypeSearch" id='houseTypeSearch'>
              <option value="">请选择</option>
            </select>
          </div>
        </div>
        <div class="col-md-4 with-label">
          <button id="search-btn" type="button" class="btn btn-primary btn-h-lg">
            <i class="iconfont icon-chazhao"></i> 搜索
          </button>
        </div>
      </div>
    </form>
  </div>
  <table id="table"></table>
</div>
@@include('footer.html')
<!-- 批量导入模态框 -->
<div class="modal fade" id="modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
          aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">详情</h4>
      </div>
      <div class="modal-body">
        <div id="top-select" data-id="">
          <a class="btn btn-default btn-primary" href="#" role="button">详情</a>
          <a class="btn btn-default" id="order-1" data-id="1" href="#" role="button">预选一</a>
          <a class="btn btn-default" id="order-2" data-id="2" href="#" role="button">预选二</a>
          <a class="btn btn-default" id="order-3" data-id="3" href="#" role="button">预选三</a></h4>
        </div>
        <div id="select-info" class="body-list">
          <table id="select-info-show" class="table table-bordered">
            <thead>
            <tr>
              <th>姓名</th>
              <th>手机号</th>
              <th>预选时间</th>
            </tr>
            </thead>
            <tbody>
            <td class="phone"></td>
            <td class="realName"></td>
            <td class="rawAddTime"></td>
            </tbody>
          </table>
        </div>
        <div id="all-info" class="info-active body-list">
          <p>楼盘：<span id="edit-buildName"></span></p>
          <p>房号：<span id="edit-householdNo"></span></p>
          <p>户型描述：<span id="edit-typeName">${obj.houseType.typeName} ${obj.houseType.htStructure} 建面${obj.houseType.buildArea}㎡</span>
          </p>
          <p>总价：<span id="edit-hTotalPrice">${obj.houses.hTotalPrice / 100}</span></p>
          <p>折扣：<span id="edit-hosRebate">${obj.houses.hosRebate != 0 ? obj.houses.hosRebate + '%' : '无'}</span></p>
          <p>折扣后总价：<span id="edit-total-price">${obj.houses.hosRebate != 0 ? obj.houses.hTotalPrice / 100 * (obj.houses.hosRebate / 100) : obj.houses.hTotalPrice / 100 }</span>
          </p>
          <p>状态：<span id="edit-status">${status}</span></p>
          <p>成交客户：<span id="edit-realName"></span></p>
          <p>订单号：<span id="edit-identityId"></span></p>
          <p>定金：<span id="edit-tradeAmount"></span></p>
          <p>成交时间：<span id="edit-rawAddTime"></span></p>
        </div>
      </div>
    </div>
  </div>
</div>


</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/openManage_openDetail.js"></script>
</html>